<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>错误界面</title>  
    <style>  
	    #countdown {  
	            font-size: 24px;  
	            text-align: center;  
	            margin-top: 20px;  
	        }  
        body {  
        background-image:url('http://8.137.88.11:3500/img/20.png');
	    font-family: Arial, sans-serif;  
	    display: flex;  
	    flex-direction: column;  
	    align-items: center; /* 垂直居中 */     
	    text-align: center; /* 水平居中标题 */  
	      align-items: center;
	      display: grid;
	      height: 100vh;
	      place-items: center;
        }  
  
        .error-container {  
            max-width: 400px;  
            margin: 0 auto;  
            background-color: #fff;  
            border-radius: 5px;  
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
            padding: 200px;  
            text-align: center;  
        }  
  
        .error-container h1 {  
            color: #e74c3c;  
            margin-bottom: 10px;  
        }  
  
        .error-container p {  
            color: #666;  
            margin-bottom: 20px;  
        }  
  
        .error-container a {  
            display: inline-block;  
            background-color: #2ecc71;  
            color: #fff;  
            padding: 10px 20px;  
            border-radius: 5px;  
            text-decoration: none;  
            transition: background-color 0.3s ease;  
        }  
  
        .error-container a:hover {  
            background-color: #27ae60;  
        }  

    </style>  
</head>  
<body>  
    <div class="error-container">  
        <h1>登录错误</h1>  
        <p>信息输入错误，请检查您的输入重试。</p>   
		<h1 id="countdown">5</h1><h>s后自动关闭</h>   
    </div>  
</body> 

<script type="text/javascript">  
//获取显示倒计时的元素  
const countdownElement = document.getElementById('countdown');  
  
// 初始倒计时秒数  
let countdownSeconds = 5;  
  
// 更新倒计时显示的函数  
function updateCountdown() {  
    countdownElement.textContent = countdownSeconds;  
    countdownSeconds--;  
  
    // 如果倒计时还未结束，继续倒计时  
    if (countdownSeconds >= 0) {  
        // 使用setTimeout递归调用updateCountdown函数，每次减少1秒  
        setTimeout(updateCountdown, 1000);  
    } else {  
        // 倒计时结束，执行相应操作，比如返回上一页  
        window.history.back();  
    }  
}  
  
// 启动倒计时  
updateCountdown();  
    </script>   
</html>